<div>
    <p>{{this.value().name}}</p>
    <table>
        <thead>
            <tr>
                <th (click)="sortvalue('value')">
                    value
                </th>
                <th (click)="sortvalue('key')">
                    Key
                </th>
            </tr>
        </thead>
        <tbody>
            @for (item of this.lists; track item.id) {
            <tr>
                <td>{{ item.value }}</td>
                <td>{{ item.key }}</td>
            </tr>
            }
        </tbody>
    </table>
</div>